<template>
    <div id="app">
        <router-view v-if="isRouterAlive"></router-view>
    </div>
</template>

<script>
export default {
        provide(){
            return {
                reload: this.reload
            }
        },
        data () {

            return {
                isRouterAlive: true
            };
        },
        mounted () {

        },
        beforeDestroy () {

        },
        methods: {
            reload () {
                this.isRouterAlive = false;
                this.$nextTick(function(){
                    this.isRouterAlive = true
                })
            }
        }
}
</script>
<style  lang='less'>
    @import "./assets/css/main.css";
    @import "./assets/css/color-dark.css";
    @import "./assets/css/common.less";
    /* @import "./assets/css/theme-green/color-green.css";    */
    /deep/.el-input__inner:focus{
        border-color: #00a854 !important;
    }
    /deep/.el-slider__bar{
        background-color: #02B386 !important;
    }
    /deep/.el-slider__button{
        border-color: #02B386;
    }
    /deep/.el-switch.is-checked .el-switch__core{
        background:#02B386 !important;
        border-color:#02B386 !important;
    }
    /deep/.el-checkbox__label{
        color:#02B386 !important;
    }
    /deep/.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
        background: #02B386 !important;
    }
    /deep/.el-tabs__item.is-active {
        color: #1BC46D;
    }

    /deep/.el-tabs__active-bar {
        background-color: #1BC46D;
    }
</style>
